<template>
  <div>
    <component :is="view.type" v-bind="view.attrs" class="pg-w-[100%]">
      <Card slot="left" class="bg" :title="'原料清单'">
        <mainTree :data="dataSet.qualityTreeData"></mainTree>
      </Card>
      <Card slot="right" class="bg" :title="'质检项清单'">
        <mainTable :data="dataSet.qualityTableData" ></mainTable>
      </Card>

      <pg-modal></pg-modal>
    </component>
  </div>
</template>

<script>
import mainTable from "./main/mainTable.vue";
import ancMixin from "./ancMixin";
import mainTree from "./components/mainTree.vue";
export default {
  name: "",
  components: { mainTable, mainTree },
  mixins: [ancMixin],
  data() {
    return {
      tabName: "",
    };
  },
  props: {},
  watch: {},
  computed: {
    view() {
      return {
        type: ["starGenView", "starTwoView", "starThreeView"][1],
        attrs: {
          left: 4,
          right: 20,
          middle: 0,
          minLeftHeight: "300px",
          title: {
            "en-US": "abc",
            "zh-CN": "原料绑定质检项",
          }[this.G_Locale],
          fontStyle: {},
        },
      };
    },
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style scoped>
  .bg{
    height:100%;
    background-color: #fff;
  }
</style>
